8. HTML Tables

I. Basic Table Structure

Explanation: Table banane ke liye <table> tag ka use hota hai. Row ke liye <tr>, column ke liye <td> aur heading ke liye <th> use hota hai.

<table border="1"> <tr> <th>Name</th> <th>Age</th> </tr> <tr> <td>Rahul</td> <td>22</td> </tr> <tr> <td>Aisha</td> <td>24</td> </tr> </table> Run Code

II. Table Borders and Padding

Explanation: Table mein border aur spacing control karne ke liye CSS ya cellpadding use karte hain.

<table border="1" cellpadding="10"> <tr> <th>Product</th> <th>Price</th> </tr> <tr> <td>Laptop</td> <td>$999</td> </tr> <tr> <td>Mouse</td> <td>$25</td> </tr> </table> Run Code

III. Merging Cells (colspan & rowspan)

Explanation: Kisi cell ko horizontally ya vertically merge karne ke liye colspan (columns) aur rowspan (rows) ka use hota hai.

<table border="1" cellpadding="8"> <tr> <th colspan="2">Student Info</th> </tr> <tr> <td>Name</td> <td>Meena</td> </tr> <tr> <td rowspan="2">Subjects</td> <td>Math</td> </tr> <tr> <td>Science</td> </tr> </table> Run Code